<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!{% endblock %}</title>
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />

        <link rel="stylesheet" href="{{ asset('public/css/bootstrap.min.css') }}" media="all"/>
        <link rel="stylesheet" href="{{ asset('public/css/bootstrap-responsive.min.css') }}" media="all"/>

        <link rel="stylesheet/less" href="{{ asset('public/css/layout.less') }}" media="all"/>
        <link rel="stylesheet/less" href="{{ asset('public/css/tables.less') }}" media="all"/>
        <link rel="stylesheet/less" href="{{ asset('public/css/ui-elements.less') }}" media="all"/>
        <link rel="stylesheet" href="{{ asset('public/js/jquery.toplink/jquery.toplink.css') }}" />
        {% block stylesheets %}
            {# aki es donde van incluidos los estilos de los hijos #}
        {% endblock %}

        <script type="text/javascript" src="{{ asset('public/js/jquery.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('public/js/less-1.3.3.min.js') }}"></script>
    </head>
    <body>
        {% block body %}
            {# este es el bloque que define el contenido de la pagina #}
        {% endblock %}

        {# bloque de librerias javascript #}
        <script type="text/javascript" src="{{ asset('public/js/bootstrap.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('public/js/jquery.easing.1.3.js') }}"></script>
        <script type="text/javascript" src="{{ asset('public/js/jquery.toplink/jquery.scrollTo.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('public/js/jquery.toplink/jquery.toplink.js') }}"></script>
        {% block javascripts %}
            {# aki es donde se incluiran los archivos js de las plantillas hijas #}
        {% endblock %}
    </body>
</html>
